<template>
  <div v-if="infomationshow" class="infomation">

    <!--<div @click="closeinfomation">关闭</div>-->
    <!--这里可以修改姓名，签名，图片，项目组-->
    <!--{{user.userName}}-->
    <!--{{user.projectId}}-->
    <!--{{user.projectName}}-->
    <div class="inner">
      <div class="logo">
        <h3>信息修改</h3>
      </div>
      <div class="account-wrapper">
        <input type="text" v-model="userName" class="form-l">   <!--:placeholder="userName"-->
      </div>
      <div class="program-wrapper">
        <input type="text" v-model="projectName" class="form-l">
      </div>
      <div class="account-wrapper">
        <input type="text" v-model="projectId" class="form-l">
      </div>
      <div class="loginbutton">
        <button @click="onregister">确 认 修 改</button>
      </div>
      <div class="loginbutton">
        <button @click="closeinfomation">返 回 主 页</button>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    props: {
      user: {
        userName: 'aa',
        projectName: 'bbb',
        projectId: 'cc'
      }
    },
    data() {
      return {
        infomationshow: false
      };
    },
    methods: {
      showinfomation() {
        this.infomationshow = true;
      },
      closeinfomation() {
        this.infomationshow = false;
      }
    }
  };
</script>

<style lang="stylus" type="text/stylus" rel="stylesheet/stylus">
  .infomation
    position fixed
    left 0
    top 0
    background #fff
    width 100%
    height 100%
    z-index 500
    .inner
      width 100%
      text-align center
      margin 50px auto 0 auto
      .logo
        margin-top 30px
      input.form-l
        margin-bottom 20px
        border 1px solid #ddd
        font-size 15px
        padding 10px 10px 10px 20px
        width 80%
        height 15%
        border-radius 50px
        outline none
      .loginbutton button
        width 80%
        height 35px
        border none
        outline none
        border-radius 50px
        padding 20px auto !important
        margin-top 30px
</style>
